<script setup lang="ts">
import MyDialog from './components/MyDialog.vue'
</script>

<template>
  <div class="app-page">
    <!-- 变双标签 -->
    <MyDialog >
      <!-- 头部 -->
      <!-- 具名插槽 v-slot:header -->
      <!-- 简写   #header -->
      <template v-slot:header>
        <h3>小黑温馨提示</h3>
      </template>
       <!-- 中间内容 -->
      <template v-slot:content>
        <input type="text" placeholder="请输入用户名">
      </template>
      <!-- 尾部内容 -->
      <template v-slot:footer>
        <button>去吧</button>
      </template>
    </MyDialog>
    
    <MyDialog></MyDialog>
    </div>
</template>

<style lang="css" scoped></style>
